<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>Lifeline</title>                           
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
	
	<link rel="apple-touch-icon" href="apple-touch-icon.png" />
	
	<!-- Import iPhone css -->
	<style type="text/css" media="only screen and (max-device-width: 480px)">
		@import "css/iphone.css";
	</style>                      

	<!-- Import normal css -->
	<style type="text/css" media="screen and (min-device-width: 481px)">
		@import "css/style.css";
	</style>
	    
	<!--[if IE]>
		<link href="css/style.css" media="screen" rel="Stylesheet" type="text/css" />
  <![endif]-->
	
	<script type="text/javascript" charset="utf-8" src="scripts/lifeline.js"></script>
</head>

<body>           
	 <div id="supercontainer">
		<div id="container">
			<div id="name">
				<h1>Lifeline</h1>
				<h2>A graphical representation of your life so far. Please enter your information. (No data is stored.)</h2>
 			</div>

			<div id="graph">
				<form action="lifeline.php" method="post" accept-charset="utf-8">
					<div id="name-contain">
					 	<div id="firstname-div">
							<label for="name">First Name</label>
		 					<input class="textbox" type="text" name="fn" value="" id="fn" tabindex="1" />
						</div>
				
						<div id="lastname-div">
					 		<label for="name">Last Name</label>
		 					<input class="textbox" type="text" name="ln" value="" id="ln" tabindex="2" />
						</div>
					</div>				
				
					<div id="dob-div">
						<label for="dob">Date of Birth</label>
						<div id="dob">
							<select id="m" name="m" tabindex="3">
								<option selected="selected">Month</option>
								<option value="01">January</option>
								<option value="02">February</option>
								<option value="03">March</option>
								<option value="04">April</option>
								<option value="05">May</option>
								<option value="06">June</option>
								<option value="07">July</option>
								<option value="08">August</option>
								<option value="09">September</option>
								<option value="10">October</option>
								<option value="11">November</option>
								<option value="12">December</option>
							</select> 
					
							<select id="d" name="d" tabindex="4">     
								<option selected="selected">Day</option>
								<?php for ($d=1; $d <= 31 ; $d++) { ?>
									<option><?= $d ?></option>
								<? } ?>
							</select>
					
							<select id="y" name="y" tabindex="5">         
								<option selected="selected">Year</option>
								<?php for ($y=date("Y"); $y >= 1900; $y--) { ?>
									<option><?= $y ?></option>
								<? } ?>
							</select>
	 					</div>
					</div>

				 	<div id="info">
						<div id="submit-container">
							<input type="submit" id="submit" value="View Lifeline">
		 			  </div>
		
						<p class="cc">
							Lifeline is designed and developed by <a href="http://davidcorrell.net/" title="David Correll Design">David Correll.</a> Lifeline is licensed under the <a href="http://www.gnu.org/licenses/gpl.html" title="GNU GPL v3">GNU GPL v3 open source license.</a> Check out the project <a href="http://code.google.com/p/lifeline/" title="Lifeline at Google Code">here.</a>
						</p>
						
		 			</div>
			 	</form>
			</div>
		</div>
	</div>
</body>
</html>
